<template>
  <div class='content' v-cloak>
    <ul>
      <li @click='go(1)'></li>
      <li @click='go(2)'></li>
      <li @click='go(3)'></li>
    </ul>
  </div>
</template>

<script>
import $ from "jquery";
export default {
  data() {
    return {};
  },
  methods: {
    go(id) {
      u.gametype({ type: id + "" }, data => {
        u.setStore("status", data[0].data.status);
        if (data[0].data.status == 2) {
          this.$router.push({
            path: "/digPopup/" + id + "|" + data[0].data.activity.id
          });
          u.setStore("activity", data[0].data.activity.id);
          u.setStore("istype", id + 1);
        } else if (data[0].data.status == 0) {
          this.$router.push({ path: "/seed/" + "1" });
        } else if (data[0].data.status == 3) {
          this.$router.push({ path: "/seed/" + "1" });
        } else if (data[0].data.status == 1) {
          this.$router.push({ path: "/seed/" + "1" });
        }
      });
    }
  },
  mounted() {
    this.$parent.flag1 = false;
    this.$parent.flag2 = false;
  }
};
</script>

<style lang='less' scoped>
[v-cloak] {
  display: none;
}
.content {
  // height: 100vh;
  // width: 100vw;
  // background: url(../../static/image/ginsengbg2.png) no-repeat center;
  ul {
    height: 300px;
    width: 280px;
    position: fixed;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    > li {
      background-size: 100% 100%;
      height: 80px;
      margin-bottom: 30px;
      width: 100%;
      cursor: pointer;
    }
    > li:first-child {
      background: url(../../static/image/goldone.png) no-repeat center;
    }
    > li:nth-of-type(2) {
      background: url(../../static/image/goldtwo.png) no-repeat center;
    }
    > li:last-child {
      margin-bottom: 0px;
      background: url(../../static/image/goldthree.png) no-repeat center;
    }
  }
}
</style>
